<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"  %>
<%@ taglib prefix="s" uri="/struts-tags" %> 

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base  href="<%=basePath %>"/>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="js/personalMessage.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/addTag.js"></script>
<script type="text/javascript">
		$(document).ready(function() {
			$('.fancybox').fancybox();
		});
</script>

<script type="text/javascript">
$(window).load(function(){  

 $(".item_pic").each(function(){
   	 var width=$(this).width();
	 var height=$(this).height();
	 width=200;
	 height=225;
	 $(".item_pic").css("width",width);
	 $(".item_pic").css("height",height);
	});

 })
 
 
</script>



<link type="text/css" rel="stylesheet" href="css/personalspaceOK.css" />
<link type="text/css" rel="stylesheet" href="css/jquery.fancybox.css" />
<link type="text/css" rel="stylesheet" href="css/tag.css" />
<title>个人空间</title>

</head>

<body>
	<div id="container">
		<div id="navi_container">
		
			<!--这里是navigation的顶部栏-->
			<div id="navi_top">
				<div class="navi_left">${cityName}站</div>
				<div class="navi_left">网页版</div>
				
				<div class="navi_right">推广使用</div>
				<div class="message">
					<a href="#" >消息<span class="messageNumber">&nbsp;2</span></a>
				</div>
				<div class="messageList">
						<p>
							<img src="img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
						<p>
							<img src="img/messageIcon.png" />
							<a href="#"><span>恭喜您成功加入师大二手市场</span></a>
						</p>
				</div>
				<div class="navi_right"><a href="#">${user.nickName}</a></div>
			</div>
			<!--这里是navigation的顶部栏-->
			

			<!--这里是navigation导航栏-->
			<div id="navigation">
				<div class="navigator_space_left"></div>
				
				
				<a href="index.action"><div id="nvg1" class="navigator">首页</div></a>
				
				<c:forEach  var="catagory"  items="${list}"   varStatus="s">
				   <a href="user/publish_queryCataSecondList.action?catagoryId=${catagory.catagoryID}"><div id="nvg${s.index+1}" class="navigator">${catagory.catagoryName}</div></a>
				</c:forEach>
				
			</div>
			<!--这里是navigation导航栏-->

			
		</div>
		<div style=" clear:left;height:70px; width:100%"></div>
		<!--顶部类目导航-->
		<div id="content_container">
		
		<!--内容上段-->
			<div id="personal_detail_outter">
				<div id="personal_detail">
					<div id="personal_portrait">
							<img src="${user.image}" width="160" height="160" />
						<div class="personal_favor">
							<div style="font-weight:bold; text-align:center; font-size:18px; color:#FFFFFF; line-height:27px;">69</div>
							<div style="text-align:center; color:#FFFFFF">发布</div>
						</div>
						
						<div class="personal_favor">
							<div style="font-weight:bold; text-align:center; font-size:18px; color:#FFFFFF; line-height:27px;">69</div>
							<div style="text-align:center; color:#FFFFFF">收藏</div>
						</div>
						
						<div class="personal_favor">
							<div style="font-weight:bold; text-align:center; font-size:18px; color:#FFFFFF; line-height:27px;">9969</div>
							<div style="text-align:center; color:#FFFFFF">人气</div>
						</div>
					</div>
					
					<!--右侧的个人信息栏-->
					<div id="personal_infor">
						<div id="nick_name">${user.nickName}</div>
						<div id="tag" style="background-color: transparent;">
						    <span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">${user.cityName}</span>
							<span style=" border-right:1px solid #fff; width:20px; padding-left:10px;padding-right:10px;">${user.univerName }</span>
						 <!-- 	<span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">XXXX</span>
							<span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">兴趣标签</span>
						  -->
						</div>
						<div id="discribe">
							<c:forEach  var="view"  items="${labels}">
							    <span style=" border-right:1px solid #fff; width:20px; padding-right:10px;">  
						           ${view.smallName}&nbsp;&nbsp;
						        </span>
							</c:forEach>
						</div> 
					</div>
					<!--右侧的个人信息栏-->
					
					
				</div>
			</div>
		<!--内容上段-->
			
			
		<!--中间tab-->
		<div id="tab">
			<!--tab_head_left-->
			<div id="tab_left">
				<div class="item_navi">
					<a href="user/PersonSpace_queryLabelMsg.action"><div class="item_head" style="margin-left:25px;" id="tab1">我的关注</div></a>
					<a href="user/PersonSpace_queryPersonMsg.action"><div class="item_head" id="tab2">我的资料</div></a>
					<a href="user/PersonSpace_queryPubMsgs.action"><div class="item_head" id="tab3">我的发布</div></a>
					<a href="user/PersonSpace_queryPersonTopics.action"><div class="item_head" id="tab4">我的求购吧</div></a>
					<a href="user/PersonSpace_queryMsgStore.action"><div class="item_head" id="tab5">我的收藏</div></a>
				</div>
			</div>
			<!--tab_head_left-->


			<div id="tab_content1">
				
				<c:forEach  var="pubMsg"  items="${pubMsgs}">
				     <!--这里开始是单条记录内容-->
					   <div class="item_space">
						<div class="item_logo" style="float:left"></div>
							<span class="item_detail">
								<a href="#">${pubMsg.title }</a>
							</span>
								<span class="time">${pubMsg.univerName}</span>
								<span class="reply">${pubMsg.postTime}</span>
								
								<div>
									<a class="fancybox" href="${pubMsg.cover}" data-fancybox-group="gallery" title="点击查看大图">
										<img src="${pubMsg.cover}" class="item_pic" />
									</a>
								</div>
					   </div>
					<!--这里开始是单条记录内容-->
				</c:forEach>
				
				
				  
						<!-- 分页 -->
						<!-- 
						<div style="clear:left; margin-left:0px; height:30px; width:78%;">
							<div class="page">
								<span class="page_inner">1</span>
								<span class="page_inner">2</span>
								<span class="page_inner">3</span>
								<span class="page_inner">共100页</span>
							</div>
					    </div>	
					     -->
						<!-- 分页 -->
	
			</div>

			
			<!--tab_right-->
			<div id="tab_right">
				<div id="bar_public_notice">
					<div id="bar_public_head">您可能感兴趣的</div>
					<div style="height:auto">
						<ul style="height:auto; padding-bottom:5px;list-style: none">
						
						
						<c:forEach  var="msg"  items="${page.list}">
						    <li><a  href="user/publish_queryPubMsg.action?pubMsg.publishID=${msg.publishID}">${msg.title}</a></li>
						</c:forEach>
						
						</ul>
					</div>
				</div>
			</div>
			<!--tab_right-->
			
		
		
		<!--中间tab-->
			
			
		</div>
		

		</div>
		<div style="clear:left; height:30px; width:100%; background-color:#6EB205"></div>
</div>
</body>
</html>
